html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Source Sans 3", sans-serif;
}

body a {
  text-decoration: none;
}

.container {
  width: 100%;
  max-width: 136.6rem;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.grid {
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
}

.Top-bar {
  box-sizing: border-box;
  width: 100%;
}

.top-bar-data {
  border: none;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  position: fixed;
  z-index: 1;
  background-color: white;
  border-bottom: 0.1rem solid lightgray;
}

.Top-bar .top-logo {
  display: inline-flex;
  gap: 0.2rem;
  border: none;
  box-sizing: border-box;
  padding-left: 5rem;
}

.Top-bar .top-logo .logo-h1 h1 {
  font-size: 6.4rem;
  margin: 0;
  border: none;
}

.Top-bar .top-logo .logo-p p {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 500;
  margin-top: 3.3rem;
  border: none;
}

.Top-bar .top-list {
  border: none;
  box-sizing: border-box;
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  transition: 2s all ease;
}

.toplist-display {
  display: flex;
}

.Top-bar #closetopbar {
  font-size: 2rem;
  margin-top: 2rem;
  display: none;
}

.Top-bar .top-list ul {
  border: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  list-style: none;
  padding-left: 0;
}

.Top-bar .top-list .top-list-data ul .item1 {
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  color: black;
  font-weight: 500;
  display: inline-flex;
  gap: 1rem;
  background-color: white;
  border: none;
}
.Top-bar .top-list .top-list-data ul .item1:hover span {
  color: #4353ff;
}
.Top-bar .top-list .top-list-data ul .item1:hover .hover-line1 {
  color: #4353ff;
}
.Top-bar .top-list .top-list-data ul .item1:hover .hover-line2 {
  color: #4353ff;
}
.Top-bar .top-list .top-list-data ul .item1:hover .hover-line3 {
  color: #4353ff;
}
.Top-bar .top-list .top-list-data ul .item1:hover .hover-line4 {
  color: #4353ff;
}

.Top-bar .top-list .top-list-data ul .item1 span a {
  color: black;
  font-weight: bolder;
  font-size: 1.5rem;
  font-weight: bolder;
}

.hover-line1::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
  background-color: #4353ff;
  transition: width 0.3s;
}

.hover-line1:hover::after {
  width: 135%;
  transition: width 0.3s;
  text-align: center;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
}
.Top-bar .top-list .top-list-data ul .bachelor-tooltip:hover .bachelor-tooltip-data {
  display: flex;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 130rem;
  transform: translateX(-23rem);
  margin: 0;
  border: none;
  border-radius: 1rem;
  background-color: white;
  display: none;
  padding: 3rem 0;
}

.bachelor-tooltip-display {
  display: flex !important;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-1 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-1 ul li:hover, .one-2 ul li:hover, .one-3 ul li:hover, .one-4 ul li:hover {
  opacity: 0.7;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-1 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-2 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-2 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-3 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-3 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-4 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data .one-4 ul li a {
  display: inline-block;
  font-size: 1.6rem;
  color: black;
}

.hover-line2::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
  background-color: #4353ff;
  transition: width 0.3s;
}

.hover-line2:hover::after {
  width: 150%;
  transition: width 0.3s;
  text-align: center;
}

.Top-bar .top-list .top-list-data ul .master-tooltip {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
}
.Top-bar .top-list .top-list-data ul .master-tooltip:hover .master-tooltip-data {
  display: flex;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 130rem;
  transform: translateX(-36.7rem);
  margin: 0;
  border: none;
  border-radius: 1rem;
  background-color: white;
  display: none;
  padding: 3rem 0;
  overflow-y: auto;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-1 ul,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-1 ul,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-1 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-1 ul li:hover, .one-2 ul li:hover, .one-3 ul li:hover, .one-4 ul li:hover {
  opacity: 0.7;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-1 ul li a,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-1 ul li a,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-1 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-2 ul,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-2 ul,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-2 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-2 ul li a,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-2 ul li a,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-2 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-3 ul,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-3 ul,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-3 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-3 ul li a,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-3 ul li a,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-3 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-4 ul,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-4 ul,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-5 ul,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-4 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data .one-4 ul li a,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-4 ul li a,
.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-5 ul li a,
.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-4 ul li a {
  font-size: 1.6rem;
  color: black;
  display: inline-block;
}

.hover-line3::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
  background-color: #4353ff;
  transition: width 0.3s;
}

.hover-line3:hover::after {
  width: 190%;
  transition: width 0.3s;
  text-align: center;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
}
.Top-bar .top-list .top-list-data ul .mba-tooltip:hover .mba-tooltip-data {
  display: flex;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: left;
  column-gap: 10rem;
  width: 130rem;
  transform: translateX(-48.7rem);
  margin: 0;
  border: none;
  border-radius: 1rem;
  background-color: white;
  display: none;
  padding: 3rem 0;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data .one-1 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data .one-1 ul li:hover, .one-2 ul li:hover {
  opacity: 0.7;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data .one-1 ul li a {
  padding: 1rem 2rem;
  font-size: 1.6rem;
  text-align: justify;
  color: black;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data .one-2 ul {
  list-style: none;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}

.Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data .one-2 ul li a {
  padding: 1rem 2rem;
  font-size: 1.6rem;
  color: black;
}

.hover-line4::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
  background-color: #4353ff;
  transition: width 0.3s;
}

.hover-line4:hover::after {
  width: 160%;
  transition: width 0.3s;
  text-align: center;
}

.Top-bar .top-list .top-list-data ul .about-tooltip {
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
}
.Top-bar .top-list .top-list-data ul .about-tooltip:hover .about-tooltip-data {
  display: flex;
}

.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  column-gap: 10rem;
  width: 130rem;
  transform: translateX(-57.3rem);
  margin: 0;
  border: none;
  border-radius: 1rem;
  background-color: white;
  display: none;
  padding: 3rem 0;
}

.Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data .one-1 ul li:hover, .one-2 ul li:hover, .one-3 ul li:hover, .one-4 ul li:hover {
  opacity: 0.7;
}

.Top-bar .top-list .top-list-data ul .oncampus-tooltip {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  margin: 0;
  border: none;
}
.Top-bar .top-list .top-list-data ul .oncampus-tooltip:hover .oncampus-tooltip-data {
  display: flex;
}

.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  column-gap: 10rem;
  width: 130rem;
  transform: translateX(-67.7rem);
  margin: 0;
  border: none;
  border-radius: 1rem;
  background-color: white;
  display: none;
  padding: 3rem 0;
}

.Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data .one-1 ul li:hover, .one-2 ul li:hover, .one-3 ul li:hover, .one-4 ul li:hover, .one-5 ul li:hover {
  opacity: 0.7;
}

.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > a > i {
  font-size: 2rem;
  margin-top: 0;
  padding: 0;
  color: black;
  position: relative;
}
.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > a > i:hover {
  color: #4353ff;
}

.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row {
  z-index: 20;
  background-color: white;
  display: none;
}

.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row > .searchbar-row-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 1rem;
  gap: 1rem;
  border: 0.1rem solid lightgray;
  position: absolute;
  width: 52%;
  left: 15%;
  top: 35%;
}

.searchbar-row-display {
  display: flex;
}

.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row > .searchbar-row-inner > input[type=text] {
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  width: 95%;
  padding: 1rem 1rem;
  border: none;
  outline: none;
}

.Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row > .searchbar-row-inner i {
  font-size: 2rem;
  margin-top: 0.6rem;
}

.Top-bar .top-buttons {
  border: none;
  box-sizing: border-box;
  margin-top: 2.2rem;
}

.Top-bar .top-buttons ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
  padding-left: 0;
  padding-right: 4rem;
}

.top-buttons .top-buttons-data ul li a .top-button1 {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  border: 0.2rem solid #4353ff;
}
.top-buttons .top-buttons-data ul li a .top-button1:hover {
  opacity: 0.7;
}

.top-buttons .top-buttons-data ul li a .top-button2 {
  padding: 1.2rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: #4353ff;
  color: white;
  font-weight: 600;
  border: none;
}
.top-buttons .top-buttons-data ul li a .top-button2:hover {
  opacity: 0.7;
}

.menu1 {
  display: none;
  margin-top: 0.2rem;
  padding-right: 2rem;
}

.menu-display {
  transform: translateY(-14rem);
}

.menu1 div, .menu2 div, .menu3 div {
  width: 4rem;
  height: 4rem;
  background-color: lightgray;
  border-radius: 5rem;
  margin: auto;
  position: relative;
}

.menu1 span, .menu2 span {
  position: absolute;
  background-color: black;
  width: 50%;
  height: 0.2rem;
  border-radius: 0.5rem;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}

.menu1 div .line1, .menu2 div .line1 {
  transform: translate(-50%, -0.7rem);
}

.menu1 div .line2, .menu2 div .line2 {
  transform: translate(-50%, -50%);
}

.menu1 div .line3, .menu2 div .line3 {
  transform: translate(-50%, 0.5rem);
}

.openmenu1 div .line1 {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.openmenu1 div .line3 {
  transform: translate(-50%, -50%) rotate(45deg);
}

.openmenu1 div .line2 {
  width: 0rem;
}

.openmenu1 div, .menu2 div, .menu3 div {
  background-color: transparent;
}

.top-images {
  box-sizing: border-box;
  border: none;
  padding-top: 10rem;
  padding-bottom: 0;
}

.top-images .top-images-data {
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.top-images .top-images-data .image-1 {
  margin-left: 1.5rem;
  overflow: hidden;
  height: 45rem;
  width: 49%;
  border-radius: 1rem;
  box-shadow: 0 0 2rem 0.1rem lightgray;
}

.top-images .top-images-data .image-1 div img {
  width: 100%;
  height: 45rem;
  border-radius: 1rem;
  padding-top: 0;
  object-fit: cover;
  transition: 0.2s all ease-in;
}
.top-images .top-images-data .image-1 div img:hover {
  transform: scale(1.05);
}

.top-images .top-images-data .image-1 .top-images-container1 {
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-align: right;
  transform: translate(47rem, -18rem);
}

.top-images .top-images-data .image-1 .top-images-container1 div h1 {
  background-color: white;
  font-size: 3.6rem;
  text-align: center;
  padding: 0 0.5rem;
  margin: 1rem 0;
}

.top-images .top-images-data .image-1 .top-images-container1 .top-image-buttons {
  display: inline-flex;
  gap: 1rem;
  background-color: black;
  color: white;
  font-size: 1.8rem;
  padding: 0 1rem;
  padding-top: 0.4rem;
}

.top-images .top-images-data .image-2 {
  margin-right: 1.5rem;
  margin-bottom: 0;
  overflow: hidden;
  height: 45rem;
  width: 48%;
  border-radius: 1rem;
  box-shadow: 0 0 2rem 0.5rem lightgray;
}

.top-images .top-images-data .image-2 img {
  width: 100%;
  height: 45rem;
  border-radius: 1rem;
  object-fit: cover;
  transition: 0.2s all ease-in;
}
.top-images .top-images-data .image-2 img:hover {
  transform: scale(1.05);
}

.top-images .top-images-data .image-2 .top-images-container2 {
  box-sizing: border-box;
  border: none;
  display: inline-block;
  text-align: left;
  transform: translate(2rem, -18rem);
}

.top-images .top-images-data .image-2 .top-images-container2 div h1 {
  background-color: white;
  font-size: 3.6rem;
  text-align: center;
  padding: 0 0.5rem;
  margin: 1rem 0;
}

.top-images .top-images-data .image-2 .top-images-container2 .top-image-buttons2 {
  display: inline-flex;
  gap: 1rem;
  background-color: black;
  color: white;
  font-size: 1.8rem;
  padding: 0 1rem;
  padding-top: 0.4rem;
}

.body-part1 {
  margin: 0;
  box-sizing: border-box;
  margin-top: 1.5rem;
  background-color: rgb(255, 220, 176);
  padding: 5rem 5rem;
}

.body-part1 .body-part1-container {
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem 5rem;
  box-shadow: 0 0 2rem 0.2rem lightgray;
}

.body-part1 .body-part1-container .left-side {
  border: none;
  border-right: 0.1rem solid gray;
  padding: 2rem;
}

.body-part1 .body-part1-container .left-side h1 {
  font-size: 3rem;
  margin: 0;
}

.body-part1 .body-part1-container .left-side .p1 {
  font-size: 1.6rem;
  margin: 1rem 0;
}

.body-part1 .body-part1-container .right-side button {
  padding: 1.5rem 2.5rem;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  background-color: #4353ff;
  color: white;
  margin: 7rem 5rem;
  border: none;
}
.body-part1 .body-part1-container .right-side button:hover {
  opacity: 0.7;
}

.body-part2 {
  box-sizing: border-box;
  border: none;
}

.body-part2 .body-part2-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: none;
  padding: 2rem 5rem;
}

.body-part2 .body-part2-container .body-part2-item1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
}

.body-part2 .body-part2-container .body-part2-item1 .body-part2-item1-icon {
  width: 7rem;
  height: 7rem;
}

.body-part2 .body-part2-container .body-part2-item1 .body-part2-item1-icon img {
  width: 100%;
}

.body-part2 .body-part2-container .body-part2-item1 .body-part2-item1-h1 h1 {
  font-size: 2.4rem;
  margin: 0;
  text-align: center;
}

.body-part2 .body-part2-container .body-part2-item1 .body-part2-item1-p p {
  font-size: 1.6rem;
  text-align: center;
}

.body-part3 {
  box-sizing: border-box;
}

.body-part3 .body-part3-data {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: black;
  padding: 2rem 0;
}

.body-part3 .body-part3-data .body-part3-item-1 {
  background-color: black;
  color: white;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  padding: 1rem 1rem;
  margin: 0;
  border-radius: 3rem;
  border: 0.2rem solid white;
}

.body-part3 .body-part3-data .body-part3-item-2 {
  color: white;
  font-size: 1.6rem;
  padding: 1rem;
  margin: 0;
}

.body-part4 .body-part4-h1 {
  font-size: 3.6rem;
  font-weight: bolder;
  margin: 0;
  padding: 0rem 5rem;
  padding-top: 5rem;
  background-color: rgb(245, 244, 243);
}

.body-part5 {
  box-sizing: border-box;
  background-color: rgb(245, 244, 243);
}

.body-part5 .body-part5-container {
  box-sizing: border-box;
  margin: 0 5rem;
  background-color: rgb(245, 244, 243);
  border: none;
  padding-bottom: 5rem;
}

.body-part5 .body-part5-container .tab {
  box-sizing: border-box;
  border: 0.1rem solid white;
  position: relative;
  border: none;
}

.body-part5 .body-part5-container .tab input[type=radio] {
  position: absolute;
  appearance: none;
}

.body-part5 .body-part5-container .tab input[type=radio] + label {
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: bolder;
}
.body-part5 .body-part5-container .tab input[type=radio] + label:hover {
  color: #4353ff;
}

.hover-line::after {
  content: "";
  display: block;
  width: 0%;
  height: 0.2rem;
  background-color: #4353ff;
  transition: width 0.3s;
}

.hover-line:hover::after {
  width: 110%;
  transition: width 0.3s;
  text-align: center;
}

.body-part5 .body-part5-container .tab hr {
  color: black;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.body-part5 .tab .data {
  display: none;
  box-sizing: border-box;
  margin-top: 3rem;
  border: none;
}

.tab #checkbox1:checked ~ #checkbox11,
.tab #checkbox2:checked ~ #checkbox22,
.tab #checkbox3:checked ~ #checkbox33 {
  display: block;
}

.body-part5 .body-part5-container .tab .data .upper {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  column-gap: 2rem;
  margin: 0;
  padding: 0;
}

.body-part5 .body-part5-container .tab .data .upper .upper-item1-image img {
  width: 100%;
  border-radius: 1rem;
  position: relative;
  opacity: 0.95;
}

.body-part5 .body-part5-container .tab .data .upper .upper-item1-arrow {
  display: inline-flex;
  gap: 1rem;
  font-size: 1.6rem;
  background-color: white;
  padding: 0.3rem 1rem;
  transform: translateY(-5rem);
}

.body-part5 .body-part5-container .tab .data .upper .upper-item1:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .upper .upper-item1:hover .upper-item1-arrow {
  background-color: lightblue;
}

.body-part5 .body-part5-container .tab .data .upper .upper-item2:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .upper .upper-item2:hover .upper-item1-arrow {
  background-color: lightgreen;
}

.body-part5 .body-part5-container .tab .data .upper .upper-item3:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .upper .upper-item3:hover .upper-item1-arrow {
  background-color: lightcoral;
}

.body-part5 .body-part5-container .tab .data .upper .upper-item4:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .upper .upper-item4:hover .upper-item1-arrow {
  background-color: lightgreen;
}

.body-part5 .body-part5-container .tab .data .lower {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  column-gap: 2rem;
  border-radius: 1rem;
  margin: 0;
  padding: 0;
}

.body-part5 .body-part5-container .tab .data .lower .upper-item1-image img {
  width: 100%;
  border-radius: 1rem;
  position: relative;
  opacity: 0.95;
}

.body-part5 .body-part5-container .tab .data .lower .upper-item1-arrow {
  display: inline-flex;
  gap: 1rem;
  font-size: 1.6rem;
  background-color: white;
  padding: 0.3rem 1rem;
  transform: translateY(-5rem);
}

.body-part5 .body-part5-container .tab .data .lower .upper-item1:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .lower .upper-item1:hover .upper-item1-arrow {
  background-color: lightgreen;
}

.body-part5 .body-part5-container .tab .data .lower .upper-item2:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .lower .upper-item2:hover .upper-item1-arrow {
  background-color: lightcoral;
}

.body-part5 .body-part5-container .tab .data .lower .upper-item3:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .lower .upper-item3:hover .upper-item1-arrow {
  background-color: lightpink;
}

.body-part5 .body-part5-container .tab .data .lower .upper-item4:hover img {
  opacity: 1;
}
.body-part5 .body-part5-container .tab .data .lower .upper-item4:hover .upper-item1-arrow {
  background-color: lightblue;
}

.body-part5 .tab .tab-button {
  text-align: center;
  margin: 2rem 0;
}

.body-part5 .tab .tab-button button {
  display: inline-flex;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: #4353ff;
  color: white;
  font-weight: 600;
  font-size: 1.6rem;
  border: none;
}
.body-part5 .tab .tab-button button:hover {
  opacity: 0.7;
}

.body-part5 .tab .tab-last-p {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: bolder;
}

.body-part5 .tab .tab-last-p span:hover {
  opacity: 0.7;
}

.body-part6 {
  box-sizing: border-box;
  border: none;
}

.body-part6 .body-part6-container {
  margin: 0 5rem;
  border: none;
}

.body-part6 .body-part6-top-heading h1 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bolder;
  margin: 5rem 0;
}

.body-part6 .body-part6-container .body-part6-flex1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards .flex1-cards-container {
  box-sizing: border-box;
  padding: 3rem 0;
  background-color: rgb(245, 244, 243);
  border-radius: 2rem;
  box-shadow: 0 0 2rem 0.2rem lightgray;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards .flex1-cards-container-3 {
  box-sizing: border-box;
  padding: 2.5rem 0;
  background-color: rgb(245, 244, 243);
  border-radius: 2rem;
  box-shadow: 0 0 2rem 0.2rem lightgray;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards-image {
  margin: 0;
  padding: 0;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards-image img {
  width: 100%;
  margin: 0;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex1 .flex1-cards-p p {
  box-sizing: border-box;
  text-align: justify;
  font-size: 1.6rem;
  padding: 0 5.5rem;
  margin: 0;
}

.body-part6 .body-part6-container .body-part6-flex2 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.body-part6 .body-part6-container .body-part6-flex2 .body-part6-flex2-left {
  width: 200%;
  margin-left: 0 10rem;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex2 .body-part6-flex2-left img {
  width: 100%;
}

.body-part6 .body-part6-container .body-part6-flex2 .body-part6-flex2-right p {
  padding: 8rem 5rem;
  font-size: 1.6rem;
  text-align: justify;
}

.body-part6 .body-part6-container .body-part6-button {
  text-align: center;
  margin: 5rem 0;
}

.body-part6 .body-part6-container .body-part6-button button {
  padding: 1.2rem 1.8rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  border: 0.2rem solid #4353ff;
}
.body-part6 .body-part6-container .body-part6-button button:hover {
  opacity: 0.7;
}

.body-part6 .body-part6-container .body-part6-flex3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin: 0 5rem;
  gap: 5rem;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  box-shadow: 0 0 2rem 0.2rem lightgray;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container {
  box-sizing: border-box;
  padding: 3rem 1.5rem;
  background-color: rgb(245, 244, 243);
  border-radius: 2rem;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards-image {
  position: relative;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards-image img {
  width: 100%;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container .flex3-cards-box h1 {
  background-color: goldenrod;
  padding: 0.5rem 2.5rem;
  display: inline-block;
  margin: 0;
  font-size: 2.4rem;
  transform: translateY(-3rem);
  margin-left: 1rem;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container .flex1-cards-list ul {
  margin: 0;
  padding-left: 2.5rem;
  border: none;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container .flex1-cards-list ul li p {
  font-size: 1.6rem;
}

.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container .body-part6-flex3-button button {
  padding: 1.2rem 1.8rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  border: 0.2rem solid #4353ff;
  margin-left: 1rem;
}
.body-part6 .body-part6-container .body-part6-flex3 .flex1-cards .flex1-cards-container .body-part6-flex3-button button:hover {
  opacity: 0.7;
}

.body-part7 {
  box-sizing: border-box;
  background-color: rgb(245, 244, 243);
  margin-top: 5rem;
  padding-bottom: 5rem;
}

.body-part7 .body-part7-container {
  box-sizing: border-box;
  margin: 0 5rem;
  background-color: rgb(245, 244, 243);
  border: none;
}

.body-part7 .body-part7-container .body-part7-heading1 h1 {
  font-size: 3.6rem;
  font-weight: bolder;
  padding-top: 5rem;
  margin-bottom: 0;
}

.body-part7 .body-part7-container .body-part7-para1 p {
  font-size: 1.6rem;
  margin: 0;
}

.body-part7 .body-part7-container .body-part7-form1 {
  box-sizing: border-box;
  margin: 2rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-row1 {
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-row1 .row1-col1 {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.body-part7 .body-part7-container .body-part7-form form .form-row1 .row1-col1 label {
  font-size: 1.6rem;
  font-weight: bolder;
  width: 100%;
}

.body-part7 .body-part7-container .body-part7-form form .form-row1 .row1-col1 input[type=text] {
  font-size: 1.6rem;
  width: 97.5%;
  height: 4.6rem;
  border-radius: 1rem;
  background-color: rgb(245, 244, 243);
  border: 0.05rem solid gray;
  padding-left: 1rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-row1 .row1-col1 select {
  font-size: 1.6rem;
  width: 100%;
  height: 5rem;
  border-radius: 1rem;
  padding-left: 0.7rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-alert p {
  color: red;
  text-align: center;
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
}

.body-part7 .body-part7-container .body-part7-form form .form-para2 {
  text-align: justify;
  font-size: 1.6rem;
  margin: 0;
  margin-top: 0.3rem;
  padding-left: 0.5rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-checkbox {
  display: inline-flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.body-part7 .body-part7-container .body-part7-form form .form-checkbox {
  gap: 1rem;
  font-size: 1.6rem;
  margin: 0;
}

.body-part7 .body-part7-container .body-part7-form form .form-button {
  text-align: right;
  margin-right: 5rem;
}

.body-part7 .body-part7-container .body-part7-form form .form-button button {
  padding: 1.5rem 10.8rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: #4353ff;
  color: white;
  font-weight: 600;
  font-size: 1.6rem;
  border: none;
}
.body-part7 .body-part7-container .body-part7-form form .form-button button:hover {
  opacity: 0.8;
}

.body-part8 {
  box-sizing: border-box;
  border: none;
  background-color: rgb(255, 220, 176);
}

.body-part8 .body-part8-container {
  box-sizing: border-box;
  margin: 0 5rem;
  border: none;
  padding: 5rem 0;
}

.body-part8 .body-part8-top-heading h1 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bolder;
}

.body-part8 .body-part8-container .body-part8-cards {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 4rem;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card1 {
  box-sizing: border-box;
  width: 33%;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 0 2rem 0.2rem lightgray;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card1 .body-part8-para p {
  font-size: 1.6rem;
  padding: 5rem 4rem;
  text-align: justify;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 0rem 5rem;
  margin-bottom: 5rem;
  border: none;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card-footer .footer-image img {
  width: 7rem;
  height: 7rem;
  border: 0.2rem solid rgb(255, 220, 176);
  border-radius: 30rem;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card-footer .footer-data h2 {
  margin: 0;
  margin-top: 1.8rem;
  font-size: 1.6rem;
}

.body-part8 .body-part8-container .body-part8-cards .body-part8-card-footer .footer-data p {
  margin: 0;
  font-size: 1.4rem;
}

.body-part8 .body-part8-container .body-part8-arrows {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 3rem;
  justify-content: center;
  margin-top: 1rem;
}

.body-part8 .body-part8-container .body-part8-arrows span {
  font-size: 3.9rem;
  opacity: 0.7;
}
.body-part8 .body-part8-container .body-part8-arrows span:hover {
  opacity: 1;
}

.body-part8 .body-part8-container .body-part8-last-h2 {
  text-align: center;
}

.body-part8 .body-part8-container .body-part8-last-h2 h2 {
  text-align: center;
  border-bottom: 0.1rem solid black;
  display: inline-block;
}
.body-part8 .body-part8-container .body-part8-last-h2 h2:hover {
  opacity: 0.7;
}

.body-part9 .body-part9-container {
  box-sizing: border-box;
  margin: 0 5rem;
  border: none;
}

.body-part9 .body-part9-container .body-part9-top-heading h1 {
  text-align: left;
  font-size: 3.6rem;
  font-weight: bolder;
}

.body-part9 .body-part9-container .body-part9-flex1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 0;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-left {
  width: 200%;
  border: none;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-left img {
  width: 100%;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right {
  padding: 0 4rem;
  border: none;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right h1 {
  text-align: left;
  font-size: 2.6rem;
  font-weight: bolder;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right p {
  font-size: 1.6rem;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right .body-part9-button {
  margin: 5rem 0;
}

.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right .body-part9-button button {
  padding: 1.5rem 3rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  border: 0.2rem solid #4353ff;
}
.body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-right .body-part9-button button:hover {
  opacity: 0.8;
}

.body-part10 .body-part10-container {
  box-sizing: border-box;
  margin: 5rem 5rem;
  border: none;
}

.body-part10 .body-part10-container .body-part10-flex1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 5rem;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-left {
  width: 200%;
  border: none;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-left video {
  width: 100%;
  border-radius: 2rem;
  margin: 0;
  padding: 0;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right {
  padding: 0 3rem;
  border: none;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right h1 {
  text-align: left;
  font-size: 2.6rem;
  font-weight: bolder;
  margin-top: 0;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right p {
  font-size: 1.6rem;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right .body-part10-button {
  margin-top: 2rem;
}

.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right .body-part10-button button {
  padding: 1.5rem 3rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  border: 0.2rem solid #4353ff;
}
.body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-right .body-part10-button button:hover {
  opacity: 0.8;
}

.body-part11 .body-part11-container {
  box-sizing: border-box;
  margin: 3rem 5rem;
  border: none;
}

.body-part11 .body-part11-container .body-part11-flex1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 5rem;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-left {
  width: 150%;
  border: none;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-left img {
  width: 100%;
  height: 35rem;
  border-radius: 3rem;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right {
  padding: 0 3rem;
  border: none;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right h1 {
  text-align: left;
  font-size: 2.6rem;
  font-weight: bolder;
  margin-top: 4rem;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right p {
  font-size: 1.6rem;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right .body-part11-button {
  margin-top: 4rem;
}

.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right .body-part11-button button {
  padding: 1.5rem 3rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  background-color: white;
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  margin: 0;
  border: 0.2rem solid #4353ff;
}
.body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right .body-part11-button button:hover {
  opacity: 0.8;
}

.body-part12 .body-part12-container {
  box-sizing: border-box;
  margin: 3rem 5rem;
  border: none;
}

.body-part12 .body-part12-container .body-part12-flex1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-left {
  width: 250%;
  border: none;
}

.body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-left img {
  width: 100%;
  height: 35rem;
  border-radius: 3rem;
}

.body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-right {
  border: none;
  padding: 0 4rem;
}

.body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-right h1 {
  text-align: left;
  font-size: 2.6rem;
  font-weight: bolder;
  margin-top: 6rem;
}

.body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-right p {
  font-size: 1.6rem;
}

.body-part13 .body-part13-container {
  box-sizing: border-box;
  margin: 6rem 5rem;
  border: none;
}

.body-part13 .body-part13-container .body-part13-cards {
  box-sizing: border-box;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 3rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 33%;
  border: 0.3rem solid rgb(255, 141, 0);
  border-radius: 1rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-top-heading {
  text-align: center;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-top-heading h1 {
  background-color: rgb(255, 141, 0);
  display: inline-block;
  margin-top: 0;
  padding: 1rem 3rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .image {
  margin: 2rem 3rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .image img {
  width: 100%;
  border-radius: 1rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-heading2 h1 {
  padding-left: 3rem;
  margin-top: 0;
  font-weight: bolder;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-clock-icon {
  display: inline-flex;
  gap: 1rem;
  padding-left: 3rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-clock-icon span i {
  font-size: 2rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-clock-icon span h1 {
  margin: 0;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .card-para p {
  font-size: 1.6rem;
  padding: 0 3rem;
  text-align: justify;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .last-heading {
  text-align: center;
  margin-bottom: 4rem;
}

.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .last-heading a h1 {
  margin-top: 3rem;
  font-size: 2rem;
  color: black;
  display: inline-block;
  border-bottom: 0.1rem solid black;
  text-align: center;
  margin-bottom: 0;
}
.body-part13 .body-part13-container .body-part13-cards .body-part13-card1 .last-heading a h1:hover {
  opacity: 0.7;
}

.body-part14 .body-part14-container {
  box-sizing: border-box;
  margin: 4rem 5rem;
  border: none;
  background-color: rgb(245, 244, 243);
  border-radius: 2rem;
}

.body-part14 .body-part14-container .body-part14-flex {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: 0.1rem;
  border: none;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-left {
  width: 35%;
  border: none;
  border-radius: 2rem;
  box-sizing: border-box;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-left {
  margin: 3rem;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-left img {
  width: 100%;
  border-radius: 2rem;
  background-color: rgb(245, 244, 243);
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right {
  box-sizing: border-box;
  width: 64%;
  border: none;
  border-radius: 2rem;
  padding: 0 5rem;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-heading1 h1 {
  font-size: 2.4rem;
  font-weight: bolder;
  margin-top: 8rem;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-para1 p {
  font-size: 1.6rem;
  text-align: justify;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-para1 p a {
  color: black;
}
.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-para1 p a:hover {
  opacity: 0.7;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-line1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20rem;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-line1 .line1-data {
  display: inline-flex;
  gap: 1rem;
  border: none;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-line1 .line1-data span i {
  font-size: 2rem;
}

.body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-line1 .line1-data h2 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid black;
}

.body-part14-line2 .line2-data {
  display: inline-flex;
  gap: 1rem;
  border: none;
  margin: 2rem 0;
}

.body-part14-line2 .line2-data span i {
  margin: 0;
  font-size: 1.6rem;
}

.body-part14-line2 .line2-data span h2 {
  margin: 0;
  font-size: 1.6rem;
  border-bottom: 0.1rem solid black;
}

.body-part14-line3 .line3-data {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  border: none;
}

.body-part14-line3 .line3-data .line3-data-left {
  display: inline-flex;
  gap: 1rem;
}

.body-part14-line3 .line3-data span i {
  margin-top: 0.2rem;
  font-size: 1.6rem;
  padding-top: 0.4rem;
  border: none;
}

.body-part14-line3 .line3-data span h2 {
  margin-top: 0;
  font-size: 1.6rem;
}

.body-part14-line3 .line3-data .countries-icons {
  display: inline-flex;
  gap: 1rem;
  margin-top: 0;
  border: none;
  transform: translateY(-0.4rem);
}

.body-part14-line3 .line3-data .countries-icons .countries-icons-data {
  width: 3rem;
  height: 2.5rem;
  margin-top: 0;
  padding: 0;
}

.body-part14-line3 .line3-data .countries-icons .countries-icons-data img {
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.footer {
  background-color: black;
}

.footer-container {
  box-sizing: border-box;
  margin: 0 5rem;
  border: none;
  padding: 4rem 0;
}

.footer .footer-upper-part {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 10rem;
}

.footer .footer-upper-part .footer-upper-item1 ul {
  list-style: none;
  padding-left: none;
  border: none;
}

.footer .footer-upper-part .footer-upper-item1 ul li {
  border: none;
}

.footer .footer-upper-part .footer-upper-item1 ul li h1 {
  color: white;
  border-bottom: 0.1rem solid white;
  margin: 0;
  display: inline;
}

.footer .footer-upper-part .footer-upper-item1 ul li p {
  color: white;
  font-size: 1.3rem;
  border-bottom: 0.1rem solid white;
  margin: 0;
  margin-top: 1.5rem;
  display: inline-block;
}

.footer hr {
  color: white;
  margin: 2rem 0;
}

.footer .footer-lower-part {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.footer .footer-lower-part .footer-lower-part-left ul {
  list-style: none;
  display: flex;
  gap: 3rem;
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.footer .footer-lower-part .footer-lower-part-left ul li p {
  color: white;
  font-size: 1.5rem;
  border-bottom: 0.1rem solid white;
  margin: 0;
}

.footer .footer-lower-part .footer-lower-part-right ul {
  list-style: none;
  display: flex;
  gap: 3rem;
  margin-top: 0;
  padding-top: 0;
  padding-right: 10rem;
  border: none;
}

.footer .footer-lower-part .footer-lower-part-right ul li i {
  color: white;
  font-size: 2.4rem;
  margin-top: 2rem;
  margin-bottom: 0;
}
.footer .footer-lower-part .footer-lower-part-right ul li i:hover {
  color: lightgray;
}

.footer .footer-para p {
  color: gray;
  font-size: 1.5rem;
  padding-left: 4rem;
}

.Data-container,
.business-container,
.health-container,
.psychology-container {
  max-width: 136.6rem;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.Data-grid,
.health-grid,
.psychology-grid {
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
}

.Data-top {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 10rem;
  gap: 1rem;
  background-color: rgb(227, 236, 240);
}

.Data-top .left-side {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 59%;
  margin-left: 4rem;
  background-color: rgb(227, 236, 240);
  border: none;
}

.Data-top .left-side .top-heading,
.health-top .health-left-side .health-top-heading,
.psy-top .psy-left-side .psy-top-heading {
  margin: 0;
}

.Data-top .left-side .top-heading h1 {
  background-color: rgb(85, 255, 77);
  padding: 1rem 5rem;
  border-radius: 1rem;
  font-size: 3.6rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin-top: 13rem;
  margin-bottom: 3rem;
}

.Data-top .left-side .Data-Search-bar,
.health-top .health-left-side .health-Search-bar,
.psy-top .psy-left-side .psy-Search-bar {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  border: none;
}

.Data-top .left-side .Data-Search-bar input[type=text],
.business-top .business-left-side .business-Search-bar input[type=text],
.health-top .health-left-side .health-Search-bar input[type=text],
.psy-top .psy-left-side .psy-Search-bar input[type=text] {
  padding-left: 1.5rem;
  padding-right: 10rem;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  border: 0.2rem solid #4353ff;
  color: lightgray;
  width: 60%;
}
.Data-top .left-side .Data-Search-bar input[type=text]:hover,
.business-top .business-left-side .business-Search-bar input[type=text]:hover,
.health-top .health-left-side .health-Search-bar input[type=text]:hover,
.psy-top .psy-left-side .psy-Search-bar input[type=text]:hover {
  color: black;
}

.Data-top .left-side .Data-Search-bar .Data-Search-icon,
.business-top .business-left-side .business-Search-bar .business-Search-icon,
.health-top .health-left-side .health-Search-bar .health-Search-icon,
.psy-top .psy-left-side .psy-Search-bar .psy-Search-icon {
  left: 23%;
  margin-top: 0.29rem;
  margin-left: -5rem;
}

.Data-top .left-side .Data-Search-bar .Data-Search-icon i,
.health-top .health-left-side .health-Search-bar .health-Search-icon i,
.psy-top .psy-left-side .psy-Search-bar .psy-Search-icon i {
  font-size: 2.7rem;
  padding: 0.3rem 0.8rem;
  border-radius: 0 1rem 1rem 0;
  color: white;
  background-color: #4353ff;
  margin-bottom: 0;
}

.Data-top .right-side,
.health-top .health-right-side,
.psy-top .psy-right-side {
  background-color: rgb(217, 235, 241);
}

.Data-top .right-side img,
.health-top .health-right-side img,
.psy-top .psy-right-side img {
  width: 100%;
  border-radius: 0.5rem;
}

.Data-para1 p,
.health-para1 p,
.psy-para1 p {
  font-size: 1.6rem;
  color: black;
  text-align: justify;
  padding: 3rem 5rem;
}

.Data-box1 {
  box-sizing: border-box;
}

.Data-box1 .Data-box1-container {
  margin: 0 5rem;
  background-color: rgb(236, 235, 235);
  border-radius: 2rem;
  padding: 3rem 0;
}

.Data-box1 .Data-box1-container .Data-box1-container-h1 h1 {
  font-size: 2.4rem;
  color: black;
  font-weight: bolder;
  padding: 0 7rem;
}

.Data-box1 .Data-box1-container .Data-box1-container-p1 p {
  font-size: 1.6rem;
  color: black;
  padding: 0 7rem;
}

.Data-box2 {
  box-sizing: border-box;
  padding: 1rem 5rem;
}

.Data-box2 h1 {
  color: black;
  font-size: 3.6rem;
  font-weight: bolder;
  border-bottom: 0.1rem solid gray;
}

.Data-flex1,
.business-flex1,
.health-flex1,
.psy-flex1 {
  box-sizing: border-box;
  margin: 0;
}

.Data-flex1 .Data-flex1-container,
.business-flex1 .business-flex1-container,
.health-flex1 .health-flex1-container,
.psy-flex1 .psy-flex1-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  column-gap: 5rem;
  margin: 1rem 5rem;
  border-bottom: 0.1rem solid gray;
}

.Data-flex1 .Data-flex1-container .Data-flex1-left,
.business-flex1 .business-flex1-container .business-flex1-left,
.health-flex1 .health-flex1-container .health-flex1-left,
.psy-flex1 .psy-flex1-container .psy-flex1-left {
  width: 35%;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.Data-flex1 .Data-flex1-container .Data-flex1-left img,
.business-flex1 .business-flex1-container .business-flex1-left img,
.health-flex1 .health-flex1-container .health-flex1-left img,
.psy-flex1 .psy-flex1-container .psy-flex1-left img {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2rem;
  padding: 1rem;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right,
.business-flex1 .business-flex1-container .business-flex1-right,
.health-flex1 .health-flex1-container .health-flex1-right,
.psy-flex1 .psy-flex1-container .psy-flex1-right {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 1rem 0rem;
}

.Data-top .left-side .top-heading h1,
.business-top .business-left-side .business-top-heading h1,
.health-top .health-left-side .health-top-heading h1,
.psy-top .psy-left-side .psy-top-heading h1 {
  font-size: 2.4rem !important;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-para1 p,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-para1 p,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-para1 p,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-para1 p {
  color: black;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-h1,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-h1,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-h1,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-h1 {
  margin: 0;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-h1 h1 {
  font-size: 2rem;
  font-weight: bolder;
  color: black;
  background-color: rgb(85, 255, 77);
  padding: 1rem 2rem;
  display: inline-block;
  margin: 0;
}
.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-h1 h1:hover {
  opacity: 0.7;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-para2 p,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-para2 p,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-para2 p,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-para2 p {
  font-size: 1.6rem;
  color: black;
  text-align: justify;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-footer,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-footer,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-footer,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-footer .Data-footer-left,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-footer .business-footer-left,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-footer .health-footer-left,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-footer .psy-footer-left {
  display: inline-flex;
  gap: 0.5rem;
}

.Data-footer-left-image img,
.business-footer-left-image img,
.health-footer-left-image img,
.psy-footer-left-image img {
  width: 3rem;
  height: 3rem;
}

.Data-footer-left-para,
.business-footer-left-para,
.health-footer-left-para,
.psy-footer-left-para {
  margin-top: 0.6rem;
}

.Data-footer-left-para p,
.business-footer-left-para p,
.health-footer-left-para p,
.psy-footer-left-para p {
  margin: 0;
  margin-top: 0.5;
  font-size: 1.6rem;
  color: black;
}

.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-footer .Data-footer-right,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-footer .business-footer-right,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-footer .health-footer-right,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-footer .psy-footer-right {
  display: inline-flex;
  gap: 1rem;
}
.Data-flex1 .Data-flex1-container .Data-flex1-right .Data-flex1-right-footer .Data-footer-right:hover,
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-footer .business-footer-right:hover,
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-footer .health-footer-right:hover,
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-footer .psy-footer-right:hover {
  opacity: 0.7;
}

.Data-footer-left-icon,
.business-footer-left-icon,
.health-footer-left-icon,
.psy-footer-left-icon {
  margin: 0;
}

.Data-footer-left-icon i,
.business-footer-left-icon i,
.health-footer-left-icon i,
.psy-footer-left-icon i {
  font-size: 2rem;
  color: black;
  font-weight: bolder;
}

.Data-footer-left-h2,
.business-footer-left-h2,
.health-footer-left-h2,
.psy-footer-left-h2 {
  margin-top: 0.3rem;
}

.Data-footer-left-h2 h2,
.business-footer-left-h2 h2,
.health-footer-left-h2 h2,
.psy-footer-left-h2 h2 {
  color: black;
  border-bottom: 0.1rem solid black;
  margin: 0;
}

.business-container {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.business-grid {
  box-sizing: border-box;
  height: auto;
  margin: 0;
}

.business-top {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 10rem;
  gap: 1rem;
  background-color: rgb(223, 255, 244);
}

.business-top .business-left-side {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 59%;
  margin-left: 4rem;
  background-color: rgb(223, 255, 244);
}

.business-top .business-left-side .business-top-heading {
  margin: 0;
}

.business-top .business-left-side .business-top-heading h1 {
  background-color: rgba(48, 248, 248, 0.979);
  padding: 1rem 2rem;
  border-radius: 1rem;
  font-size: 3.6rem;
  display: inline-block;
  margin-top: 13rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}

.business-top .business-left-side .business-Search-bar {
  display: flex;
  flex-direction: row;
  gap: none;
}

.business-top .business-left-side .business-Search-bar span {
  margin: 0;
}

.business-top .business-left-side .business-Search-bar .business-Search-icon a {
  margin-top: 1rem;
}

.business-top .business-left-side .business-Search-bar .business-Search-icon i {
  font-size: 2.7rem;
  padding: 0.3rem 0.8rem;
  border-radius: 0 1rem 1rem 0;
  color: black;
  background-color: #4353ff;
  margin-bottom: 0;
}

.business-top .business-right-side {
  background-color: rgb(223, 255, 244);
}

.business-top .business-right-side img {
  width: 100%;
  border-radius: 0.5rem;
}

.business-para1 p {
  padding: 3rem 5rem;
  font-size: 1.6rem;
  color: black;
}

.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-h1 h1 {
  font-size: 2rem;
  font-weight: bolder;
  color: black;
  background-color: rgba(48, 248, 248, 0.979);
  padding: 1rem 2rem;
  display: inline-block;
  margin: 0;
}
.business-flex1 .business-flex1-container .business-flex1-right .business-flex1-right-h1 h1:hover {
  opacity: 0.7;
}

.health-top {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 10rem;
  gap: 1rem;
  background-color: rgb(255, 248, 239);
}

.health-top .health-left-side {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 59%;
  margin-left: 4rem;
  background-color: rgb(255, 248, 239);
  border: none;
}

.health-top .health-left-side .health-top-heading h1 {
  background-color: rgb(255, 167, 58);
  padding: 1rem 5rem;
  border-radius: 1rem;
  font-size: 3.6rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin-top: 13rem;
  margin-bottom: 3rem;
}

.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-h1 h1 {
  font-size: 2rem;
  font-weight: bolder;
  color: black;
  background-color: rgb(255, 167, 58);
  padding: 1rem 2rem;
  display: inline-block;
  margin: 0;
}
.health-flex1 .health-flex1-container .health-flex1-right .health-flex1-right-h1 h1:hover {
  opacity: 0.7;
}

.psy-top {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 10rem;
  gap: 1rem;
  background-color: rgb(255, 240, 242);
}

.psy-top .psy-left-side {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 59%;
  margin-left: 4rem;
  background-color: rgb(255, 240, 242);
  border: none;
}

.psy-top .psy-left-side .psy-top-heading h1 {
  background-color: rgb(254, 77, 249);
  padding: 1rem 5rem;
  border-radius: 1rem;
  font-size: 3.6rem;
  display: inline-block;
  align-items: center;
  justify-content: center;
  margin-top: 13rem;
  margin-bottom: 3rem;
}

.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-h1 h1 {
  font-size: 2rem;
  font-weight: bolder;
  color: black;
  background-color: rgb(254, 77, 249);
  padding: 1rem 2rem;
  display: inline-block;
  margin: 0;
}
.psy-flex1 .psy-flex1-container .psy-flex1-right .psy-flex1-right-h1 h1:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 1275px) {
  .Top-bar .top-logo {
    padding-left: 1rem;
  }
  .Top-bar .top-buttons ul {
    padding-right: 1rem;
  }
  .top-images .top-images-data {
    flex-direction: column;
  }
  .top-images .top-images-data .image-1, .top-images .top-images-data .image-2 {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 1182px) {
  .Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row > .searchbar-row-inner {
    width: 90%;
    left: 15%;
    top: 84%;
    border-radius: 0.5rem;
    border: 0.1rem solid lightgray;
  }
  .Top-bar .top-buttons {
    display: none;
  }
  .Top-bar .top-list {
    display: none;
    transform: translate(-13rem, 0rem);
    flex-direction: row;
    width: 100%;
    background-color: white;
  }
  .Top-bar .top-list ul {
    flex-direction: column;
    width: 20rem;
  }
  .menu1 {
    display: flex;
    position: fixed;
    top: 2.5rem;
    right: 0rem;
    z-index: 1;
  }
  .Top-bar #closetopbar {
    display: inline;
    position: fixed;
    top: 1rem;
    right: -3rem;
  }
  .Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data {
    flex-direction: column;
    height: 85vh;
    width: 100%;
    width: 100%;
    overflow-y: auto;
    transform: translate(12rem, -4.4rem);
    z-index: 999 !important;
    padding-top: 0;
    padding-bottom: 1rem;
    background-color: white;
  }
  .Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data::-webkit-scrollbar {
    width: 0.8rem;
  }
  .Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .bachelor-tooltip .bachelor-tooltip-data::-webkit-scrollbar-thumb:hover {
    background-color: black;
  }
  .Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data {
    flex-direction: column;
    height: 85vh;
    width: 100%;
    width: 100%;
    overflow-y: auto;
    transform: translate(12rem, -9.8rem);
    z-index: 5;
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data::-webkit-scrollbar {
    width: 0.8rem;
  }
  .Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .master-tooltip .master-tooltip-data::-webkit-scrollbar-thumb:hover {
    background-color: black;
  }
  .Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data {
    flex-direction: column;
    height: 85vh;
    width: 100%;
    width: 100%;
    overflow-y: auto;
    transform: translate(11rem, -15rem);
    z-index: 5;
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data::-webkit-scrollbar {
    width: 0.8rem;
  }
  .Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .mba-tooltip .mba-tooltip-data::-webkit-scrollbar-thumb:hover {
    background-color: black;
  }
  .Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data {
    flex-direction: column;
    height: 85vh;
    width: 100%;
    width: 100%;
    overflow-y: auto;
    transform: translate(12rem, -20.4rem);
    z-index: 5;
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data::-webkit-scrollbar {
    width: 0.8rem;
  }
  .Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .about-tooltip .about-tooltip-data::-webkit-scrollbar-thumb:hover {
    background-color: black;
  }
  .Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data {
    flex-direction: column;
    height: 60vh;
    width: 100%;
    width: 100%;
    overflow-y: auto;
    transform: translate(12rem, -25.7rem);
    z-index: 5;
    padding-top: 0;
    padding-bottom: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data::-webkit-scrollbar {
    width: 0.8rem;
  }
  .Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 1rem;
  }
  .Top-bar .top-list .top-list-data ul .oncampus-tooltip .oncampus-tooltip-data::-webkit-scrollbar-thumb:hover {
    background-color: black;
  }
}
@media only screen and (max-width: 1050px) {
  .body-part2 .body-part2-container {
    flex-direction: column;
    row-gap: 1rem;
  }
}
@media only screen and (max-width: 1025px) {
  .body-part1 .body-part1-container {
    flex-direction: column;
    align-items: center;
  }
  .body-part1 .body-part1-container .left-side {
    border: none;
  }
  .body-part1 .body-part1-container .right-side button {
    margin: 1rem;
  }
  .body-part1 .body-part1-container, .body-part2 .body-part2-container,
  .body-part5 .body-part5-container .tab .data .upper,
  .body-part5 .body-part5-container .tab .data .lower {
    flex-direction: column;
    width: 100%;
  }
  .Data-top,
  .business-top,
  .health-top,
  .psy-top {
    flex-direction: column;
  }
  .Data-top .left-side,
  .business-top .business-left-side,
  .health-top .health-left-side,
  .psy-top .psy-left-side {
    width: 100%;
    align-items: center;
    margin: 0;
    padding-bottom: 2rem;
  }
  .Data-top .left-side .top-heading h1,
  .business-top .business-left-side .business-top-heading h1,
  .health-top .health-left-side .health-top-heading h1,
  .psy-top .psy-left-side .psy-top-heading h1 {
    margin-top: 5rem;
  }
  .Data-para1 p,
  .health-para1 p,
  .psy-para1 p {
    padding: 2rem 5rem;
  }
  .Data-flex1 .Data-flex1-container,
  .business-flex1 .business-flex1-container,
  .health-flex1 .health-flex1-container,
  .psy-flex1 .psy-flex1-container {
    flex-direction: column;
    column-gap: 5rem;
    margin: 1rem 5rem;
    border-bottom: 0.1rem solid gray;
  }
  .Data-flex1 .Data-flex1-container .Data-flex1-left,
  .business-flex1 .business-flex1-container .business-flex1-left,
  .health-flex1 .health-flex1-container .health-flex1-left,
  .psy-flex1 .psy-flex1-container .psy-flex1-left {
    width: 100%;
  }
  .Data-flex1 .Data-flex1-container .Data-flex1-left img,
  .business-flex1 .business-flex1-container .business-flex1-left img,
  .health-flex1 .health-flex1-container .health-flex1-left img,
  .psy-flex1 .psy-flex1-container .psy-flex1-left img {
    padding: 0rem;
  }
  .Data-flex1 .Data-flex1-container .Data-flex1-right,
  .business-flex1 .business-flex1-container .business-flex1-right,
  .health-flex1 .health-flex1-container .health-flex1-right,
  .psy-flex1 .psy-flex1-container .psy-flex1-right {
    width: 100%;
  }
}
@media only screen and (max-width: 950px) {
  .body-part6 .body-part6-container .body-part6-flex1,
  .body-part6 .body-part6-container .body-part6-flex2,
  .body-part6 .body-part6-container .body-part6-flex3,
  .body-part7 .body-part7-container .body-part7-form form .form-row1,
  .body-part8 .body-part8-container .body-part8-cards,
  .body-part9 .body-part9-container .body-part9-flex1,
  .body-part10 .body-part10-container .body-part10-flex1,
  .body-part12 .body-part12-container .body-part12-flex1,
  .body-part13 .body-part13-container .body-part13-cards,
  .body-part14 .body-part14-container .body-part14-flex {
    flex-direction: column;
    margin: 0;
  }
  .body-part11 .body-part11-container .body-part11-flex1 {
    flex-wrap: wrap-reverse;
    gap: 0;
  }
  .body-part12 .body-part12-container .body-part12-flex1 {
    gap: 0;
  }
  .body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-right h1,
  .body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-right h1 {
    margin-top: 1rem;
  }
  .body-part7 .body-part7-container .body-part7-form form .form-button {
    text-align: center;
  }
  .body-part6 .body-part6-container .body-part6-flex2 .body-part6-flex2-left,
  .body-part7 .body-part7-container .body-part7-form form .form-row1 .row1-col1,
  .body-part8 .body-part8-container .body-part8-cards .body-part8-card1,
  .body-part9 .body-part9-container .body-part9-flex1 .body-part9-flex1-left,
  .body-part10 .body-part10-container .body-part10-flex1 .body-part10-flex1-left,
  .body-part11 .body-part11-container .body-part11-flex1 .body-part11-flex1-left,
  .body-part12 .body-part12-container .body-part12-flex1 .body-part12-flex1-left,
  .body-part13 .body-part13-container .body-part13-cards .body-part13-card1 {
    width: 100%;
  }
  .body-part14 .body-part14-container .body-part14-flex .body-part14-flex-left {
    width: 60%;
    margin: auto;
  }
  .body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right {
    width: 100%;
  }
  .body-part14 .body-part14-container .body-part14-flex .body-part14-flex-right .body-part14-heading1 h1 {
    margin-top: 1rem;
  }
  .body-part6 .body-part6-container .body-part6-flex2 .body-part6-flex2-right p {
    padding: 1rem;
  }
}
@media only screen and (max-width: 825px) {
  .Top-bar .top-list {
    margin-top: 0;
  }
}
@media only screen and (max-width: 580px) {
  .footer-container {
    margin: 0 2rem;
  }
  .footer .footer-upper-part {
    flex-direction: column;
  }
  .footer .footer-lower-part {
    flex-direction: column;
    row-gap: 1rem;
  }
}
@media only screen and (max-width: 500px) {
  .footer-container {
    margin: 0rem;
  }
  .body-part14 .body-part14-container {
    margin: 0rem;
  }
  .body-part13 .body-part13-container,
  .body-part12 .body-part12-container,
  .body-part11 .body-part11-container,
  .body-part10 .body-part10-container {
    margin: 2rem;
  }
  .body-part9 .body-part9-container,
  .body-part8 .body-part8-container,
  .body-part7 .body-part7-container,
  .body-part6 .body-part6-container,
  .body-part5 .body-part5-container {
    margin: 0 2rem;
  }
  .body-part2 .body-part2-container {
    padding: 2rem 2rem;
  }
  .body-part1 {
    padding: 4rem;
  }
  .body-part1 .body-part1-container {
    padding: 2rem 2rem;
  }
  .body-part8 .body-part8-container .body-part8-cards .body-part8-card1 .body-part8-para p {
    padding: 2rem 2rem;
    padding-bottom: 0;
  }
  .Data-para1 p,
  .health-para1 p,
  .psy-para1 p {
    padding: 2rem 2rem;
  }
  .Data-box1 .Data-box1-container {
    margin: 0 2rem;
    padding: 1rem 0;
  }
  .Data-box1 .Data-box1-container .Data-box1-container-h1 h1,
  .Data-box1 .Data-box1-container .Data-box1-container-p1 p {
    padding: 0 2rem;
  }
  .Data-box2 {
    padding: 1rem 2rem;
  }
  .Data-flex1 .Data-flex1-container,
  .business-flex1 .business-flex1-container,
  .health-flex1 .health-flex1-container,
  .psy-flex1 .psy-flex1-container {
    column-gap: 5rem;
    margin: 1rem 2rem;
  }
}
@media only screen and (max-width: 420px) {
  .body-part14 .body-part14-container .body-part14-flex .body-part14-flex-left {
    width: 100%;
    margin: auto;
  }
  .Top-bar > .top-bar-data > .top-list > .top-list-data > ul > .item1 > .searchbar-row > .searchbar-row-inner {
    width: 110%;
    left: 20%;
    top: 84%;
  }
}

/*# sourceMappingURL=style.css.map */